<template>
  <div class="barChart">
    <echarts v-if="data && data.length > 0" type='bar' v-model="data" :dimensions='title' yName='' :series="series">
    </echarts>
    <!-- <myECharts v-model="dataS" :key='keyS' xName='供应商' yName='备件费/元' :dimensions='dimensionsS'></myECharts> -->
  </div>
</template>
<script>
import echarts from '_components/echarts/echarts.vue'

export default {
  name: 'index',
  components: {
    echarts
  },
  props: {
    data: Array,
    title: Array,
  },

  data() {
    return {
      // dimensions:['name','num'],
      series: [
        {
          type: 'bar',
          barWidth: 8,
          // barColor:"#C1BEBE",
          itemStyle: {
            color: '#32BCD2FF',
            barBorderRadius: [5, 5, 0, 0]
          },
        },
      ],
      // series:{
      //     type: 'bar',
      //     barWidth: 8,
      //     // barColor:"#C1BEBE",
      //     itemStyle:{
      //         color:'#32BCD2FF',
      //         barBorderRadius:[5,5,0,0]
      //     },

      // }
    }
  },

  created() {
  },
  mounted() {
  },
  methods: {
  }
}
</script>
<style scoped>
.barChart {

  width: 100%;
  height: 100%;
}

.head img {
  width: 100%;
  height: 100%;
}
</style>


<style>

</style>
